.m-home{
  .nav{
    height: 35px;
    border-bottom: 2px $main dotted;
    margin-bottom: 15px;
    position: relative;
    .title{
      img{
        margin-right: 5px;
      }
      span{
        vertical-align: text-bottom;
      }
    }
    .more-btn{
      position: absolute;
      right: -1px;
      bottom: -10px;
    }
  }
  .category{
    text-align: center;
    a{
      display: block;
      color: $main;
    }
    img{
      width: 100px;
      height: 100px;
      object-fit: contain;
    }
  }
  .more-btn{
    background: url(../images/home/more.png) no-repeat;
    width: 50px;
    height: 20px;
  }
  .news{
    .news-item{
      img{
        height: 84px;
        width: 100%;
        object-fit: cover;
      }
    }
    .nav{
      height: 30px;
      border-bottom: 2px $main dotted;
      margin-bottom: 15px;
      .title{
        span{
          vertical-align: text-bottom;
        }
      }
      .more-btn{
        position: absolute;
        right: -1px;
        bottom: -10px;
      }
    }
    .intro{
      padding-left: 0;
      .time, .desc{
        color: #333;
      }
    }
  }
  .luck{
    padding-top: 94px;
    a{
      color: red;
    }
    .banner{
      position: absolute;
      right: 0;
      top: 0;
      width: 205px;
    }
    .nav{
      height: 30px;
      border-bottom: 2px $main dotted;
      margin-bottom: 15px;
      .title{
        span{
          vertical-align: text-bottom;
        }
      }
      .more-btn{
        position: absolute;
        right: -1px;
        bottom: -10px;
      }
    }
    select{
      display: block;
      width: 100%;
      margin-bottom: 10px;
      border: none;
      background: #ebd6f0;
      border-radius: 5px;
      padding: 3px;
    }
  }
  button{
    background: #fff;
    border: 1px $main solid;
    font-size: 12px;
    padding: 5px;
    font-weight: 900;
    color: $active;
    cursor: pointer;
    &:hover{
      opacity: 0.6;
    }
  }
  .forum{
    .forum-nav{
      cursor: pointer;
      .nav-item{
        padding-bottom: 5px;
      }
      .active{
        border-bottom: 1px $main solid;
        color: $active;
      }
    }
    .forum-title{
      img, span{
        vertical-align: text-bottom;
        margin: 0 5px;
      }
    }
    .forum-time{
      color: #000;
    }
    table{
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse;
      tbody{
        font-size: 12px;
      }
      th{
        text-align: center;
        border-bottom: 1px #aaa solid;
        padding: 5px 0;
      }
      td{
        border-bottom: 1px #aaa solid;
        padding: 10px 0;
      }
    }
  }
  .calendar{
    .time{
      width: 200px;
      background: #faefca;
      margin: 0 auto;
      text-align: center;
      padding: 10px 5px;
    }
    .title{
      color: #004a80;
    }
    .nav .title{
      color: $main;
    }
  }
  .shop{
    button{
      font-size: 12px;
      width: 100px;
      height: 22px;
      border-color: #ddd;
      padding: 0;
    }
    .item{
      margin-bottom: 10px;
    }
    .img{
      background: #fff;
      padding: 10px 0;
    }
  }
  .hot{
    .hot-item{
      border-bottom: 1px #aaa solid;
      padding: 10px;
    }
  }
}